// 分类
var vm = new Vue({
    el: "#headline",
    data: {
        host,
        // 页面中需要使用到的数据，键值对
        news: [],
        category_id: 1
    },

    methods: on_star_click = function () {
        this.category_id = get_query_string("category_id", 1);
        axios.get(host + "/news/?category_id=" + this.category_id)
            .then(response=>{
                this.news = response.data;
                console.log(response.data)

        })

        // axios.get(host + "/category/")
        //     .then(response => {
        //         this.names = response.data;
        //         // console.log(response.data)
        //     })
        // axios.get(host + "/news/?category_id=" + this.category_id)
        //     .then(response=>{
        //         this.news = response.data;
        //         console.log(response.data)
        //
        // })
        // 一加载就需要做的，直接是代码


        .catch(error => {

        });

        // axios.get(host + "/index/?cid=" + this.category_id)
        //     .then(response => {
        //         this.news = response.data;
        //         console.log(response.data)
        //
        //     })
        // methods:{
        //     on_star_click:function () {
        //         axios.get(this.host + "/news/" + "?category_id=" + get_query_string("category_id", 1))
        //             .then(response => {
        //                 this.names = response.data;
        //                 console.log(response.data)
        //             })
        //
        //
        //     }
        // ,
        //
        // }


        // 需要用到的函数，键值对 ，键是名称，值是匿名函数
    }
});

function get_query_string(name, def) {
            var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
            var r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return decodeURI(r[2]);
            }
            return def;
        }

